<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>消费明细</title>
		<%include("/common/include.html"){}%>
	</head>
	<body class="easyui-layout">
			<table id="expenseDetailTable" class="easyui-datagrid" style="height:100%;">
		
			</table>
		<script type="text/javascript">
			$(document).ready(function () {
				//加载数据表格
				loadTable();
			});
			
			function  loadTable() {	
				$('#expenseDetailTable').datagrid({
					cls: "theme-datagrid",
					singleSelect: true,
					rownumbers: true, //显示序号
					pagination: true,
					pageSize: 10,
					fitColumns:true,
					url: "${cxt!}/customerInfoStatistic/lookCustomerExpenseDetail",
					queryParams: {
						'_query.orderIds': '${orderIds! }'
					},
				    method: 'post',
					collapsible: true,
					columns:[[
								{field:'type',title:'产品类型',width:100,align:'center'},
								{field:'product',title:'产品名称',width:100,align:'center'},
								{field:'number',title:'数量',width:100,align:'center'},
								{field:'unitprice',title:'单价',width:100,align:'center'},
								{field:'price',title:'总价',width:100,align:'center'},
								{field:'date',title:'消费日期',width:120,align:'center'}
						    ]]
				})
			}
		</script>
		</body>
</html>
